﻿@{
    ViewBag.Title = "OrderDetail";
    Layout = "~/Areas/Admin/Views/Shared/_AdminLayout.cshtml";
}
<link href="~/Areas/Admin/css/jquery.fancybox-1.3.4.css" rel="stylesheet" />
<link href="~/Areas/Admin/css/jquery.fancybox-buttons.css" rel="stylesheet" />
<link href="~/Areas/Admin/css/jquery.fancybox-thumbs.css" rel="stylesheet" />

@section Breadcrumbs
{
    <div class="media">
        <div class="pageicon pull-left">
            <i class="fa fa-home"></i>
        </div>
        <div class="media-body">
            <ul class="breadcrumb">
                <li><a href="@Url.Action("Index", "Dashboard")"><i class="glyphicon glyphicon-home"></i></a></li>
                <li><a href="@Url.Action("Index", "Dashboard")">Trang chủ</a></li>
                <li><a href="@Url.Action("Index", "Order")">Danh sách đơn hàng</a></li>
            </ul>
            <h4>Chi tiết đơn hàng</h4>
        </div>
    </div>
}

@section MenuBar
{
    <h5 class="leftpanel-title">Menu</h5>
    <ul class="nav nav-pills nav-stacked">
        <li><a href="@Url.Action("Index", "Dashboard")"><i class="fa fa-home"></i><span>Trang chủ</span></a></li>
        <li class="active"><a href="@Url.Action("Index", "Order")"><i class="glyphicon glyphicon-shopping-cart"></i><span>Đặt hàng</span></a></li>
        <li><a href="@Url.Action("Index", "Message")"><i class="glyphicon glyphicon-envelope"></i><span>Tin nhắn</span></a></li>
        <li class="parent"><a href="#"><i class="fa fa-file-text"></i><span>Sản phẩm</span></a>
            <ul class="children">
                <li><a href="@Url.Action("ProductList", "Product")">Tất cả sản phẩm</a></li>
                <li><a href="@Url.Action("NewProduct", "Product")">Sản phẩm mới</a></li>
                <li><a href="@Url.Action("CommingSoonProduct", "Product")">Sản phẩm sắp có</a></li>
                <li><a href="@Url.Action("Index", "Brand")">Nhãn hàng</a></li>
            </ul>
        </li>
        <li><a href="@Url.Action("Index", "Promotion")"><i class="glyphicon glyphicon-bullhorn"></i><span>Giảm giá</span></a></li>
        <li><a href="@Url.Action("MemberList", "Member")"><i class="glyphicon glyphicon-user"></i><span>Thành viên</span></a></li>
        <li class="parent"><a href="#"><i class="fa fa-file-text"></i><span>Quản lý chung</span></a>
            <ul class="children">
                <li><a href="@Url.Action("Index", "Banner")">Banners</a></li>
            </ul>
        </li>
    </ul>
}

<div class="row">
    <div class="col-sm-6">
        <h5 class="lg-title mb10">From</h5>
        <img src="~/Areas/Admin/images/themeforest.png" class="img-responsive mb10" alt="" />
        <address>
            <strong>ThemeForest Web Services, Inc.</strong><br>
            795 Folsom Ave, Suite 600<br>
            San Francisco, CA 94107<br>
            <abbr title="Phone">P:</abbr>
            (123) 456-7890                
        </address>
    </div>
    <!-- col-sm-6 -->

    <div class="col-sm-6 text-right">
        <h5 class="subtitle mb10">Mã đặt hàng.</h5>
        <h4 class="text-primary">INV-000464F4-00</h4>

        <h5 class="subtitle mb10">To</h5>
        <address>
            <strong>ThemePixels, Inc.</strong><br>
            795 Folsom Ave, Suite 600<br>
            San Francisco, CA 94107<br>
            <abbr title="Phone">P:</abbr>
            (123) 456-7890
                                       
        </address>
        <p><strong>Ngày đặt hàng:</strong> 25/09/2014</p>
        <p><strong>Ngày giao hàng:</strong> 30/09/2014</p>
    </div>
</div>
<!-- row -->

<div class="table-responsive">
    <table class="table table-bordered table-dark table-invoice">
        <thead>
            <tr>
                <th>Tên sản phẩm</th>
                <th>Số lượng</th>
                <th>Đơn giá</th>
                <th>Tổng giá</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <h5><a class="fancybox" href="~/Areas/Admin/images/photos/media3.png">PSD to HTML5 Conversion</a></h5>
                </td>
                <td>1</td>
                <td>$99.00</td>
                <td>$99.00</td>
            </tr>
            <tr>
                <td>
                    <h5><a class="fancybox" href="~/Areas/Admin/images/photos/media3.png">PSD to HTML5 Conversion</a></h5>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
                </td>
                <td>3</td>
                <td>$150.00</td>
                <td>$450.00</td>
            </tr>
            <tr>
                <td>
                    <h5><a class="fancybox" href="~/Areas/Admin/images/photos/media3.png">Email Template</a></h5>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
                </td>
                <td>2</td>
                <td>$35.00</td>
                <td>$70.00</td>
            </tr>
            <tr>
                <td>
                    <h5><a class="fancybox" href="~/Areas/Admin/images/photos/media3.png">Wordpress Theme Development</a></h5>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
                </td>
                <td>1</td>
                <td>$230.00</td>
                <td>$230.00</td>
            </tr>
        </tbody>
    </table>
</div>
<!-- table-responsive -->

<div class="modal fade order-info" tabindex="-1" role="dialog" data-backdrop="static" id="orderInfo">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button aria-hidden="true" data-dismiss="modal" class="close" type="button">&times;</button>
                <h4 class="modal-title">Thông tin đơn hàng</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal form-bordered" id="frmOrderDetail">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Mã đơn hàng</label>
                        <label class="col-sm-8 control-label" style="text-align: left"><strong>INV-000464F4-00</strong></label>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Ngày đặt hàng</label>
                        <label class="col-sm-8 control-label" style="text-align: left"><strong>25/09/2014</strong></label>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Tình trạng</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Ngày giao hàng</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Phí vận chuyển</label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" />
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary btn-lg"><i class="fa fa-save mr5"></i>Lưu</button>
            </div>
        </div>
    </div>
</div>

<table class="table table-total">
    <tbody>
        <tr>
            <td>Tổng chưa thuế:</td>
            <td>$849.00</td>
        </tr>
        <tr>
            <td>Phí vận chuyển:</td>
            <td>$849.00</td>
        </tr>
        <tr>
            <td>VAT:</td>
            <td>$67.23</td>
        </tr>
        <tr>
            <td>Tổng cộng:</td>
            <td>$916.23</td>
        </tr>
    </tbody>
</table>
<div class="row">
    <div class="text-right btn-invoice">
        <button class="btn btn-primary btn-lg mr5" data-toggle="modal" data-target=".order-info"><i class="fa fa-edit mr5"></i>Cập nhật thông tin</button>
        <button class="btn btn-white btn-lg"><i class="fa fa-print mr5"></i>In Hóa Đơn</button>
    </div>
</div>

<script src="~/Areas/Admin/js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script src="~/Areas/Admin/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script src="~/Areas/Admin/js/fancybox/jquery.fancybox-buttons.js"></script>
<script src="~/Areas/Admin/js/fancybox/jquery.fancybox-media.js"></script>
<script src="~/Areas/Admin/js/fancybox/jquery.fancybox-thumbs.js"></script>
<script>
    $(document).ready(function () {
        $(".fancybox").fancybox();
    });
</script>
